﻿@using KPIS.GERP.Models.ICM
@model IEnumerable<KPIS.GERP.Models.ICM.Received>

@{
    ViewBag.Title = "หน้าหลัก";
    ViewBag.Descr = "หน้าหลักของระบบบัญชี";
}

<div class="alert alert-block alert-success">
	<button type="button" class="close" data-dismiss="alert">
		<i class="icon-remove"></i>
	</button>

	<i class="icon-ok green"></i>

	ท่านได้เข้าสู่
	<strong class="green">
		ระบบบริหารจัดการบัญชี
		<small>
			(สถาบันรับรองคุณภาพสถานพยาบาล)
		</small>
	</strong> 
	กรุณาเลือกเมนูเพื่อเริ่มใช้งานระบบจากทางซ้ายมือ
</div>

<div class="space-6"></div>
@* If we have time, we can implement some easy dashboard
<div class="row-fluid"> 
	<div class="vspace"></div>

	<div class="span8">
		<div class="widget-box">
			<div class="widget-header widget-header-flat widget-header-small">
				<h5>
					<i class="icon-signal"></i>
					ผู้เข้าใช้ระบบ
				</h5>

				<div class="widget-toolbar no-border">
					<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
						สับดาห์นี้
						<i class="icon-angle-down icon-on-right"></i>
					</button>

					<ul class="dropdown-menu dropdown-info pull-right dropdown-caret">
						<li class="active">
							<a href="#">สับดาห์นี้</a>
						</li>

						<li>
							<a href="#">สับดาห์ที่แล้ว</a>
						</li>

						<li>
							<a href="#">เดือนนี้</a>
						</li>

						<li>
							<a href="#">เดือนที่แล้ว</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main">
					<div id="piechart-placeholder"></div>

					<div class="hr hr8 hr-double"></div>

					<div class="clearfix">
						<div class="grid3">
							<span class="grey">
								<i class="icon-upload-alt icon-2x blue"></i>
								&nbsp; เบิกจ่ายพัสดุ
							</span>
							<h4 class="bigger pull-right">224</h4>
						</div>
						<div class="grid3">
							<span class="grey">
								<i class="icon-signout icon-2x orange"></i>
								&nbsp; ควบคุมพัสดุ
							</span>
							<h4 class="bigger pull-right">61</h4>
						</div>
						<div class="grid3">
							<span class="grey">
								<i class="icon-inbox icon-2x brown"></i>
								&nbsp; ตรวจสอบพัสดุ
							</span>
							<h4 class="bigger pull-right">15</h4>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
</div><!--/row-->

<div class="hr hr32 hr-dotted"></div>

<div class="row-fluid">
	<div class="span5">
		<div class="widget-box transparent">
			<div class="widget-header widget-header-flat">
				<h4 class="lighter">
					<i class="icon-star orange"></i>
					คำขอล่าสุด
				</h4>

				<div class="widget-toolbar">
					<a href="#" data-action="collapse">
						<i class="icon-chevron-up"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main no-padding">
					<table class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>
									<i class="icon-caret-right blue"></i>
									ชื่อ
								</th>

								<th>
									<i class="icon-caret-right blue"></i>
									จำนวน
								</th>

								<th class="hidden-phone">
									<i class="icon-caret-right blue"></i>
									สถานะ
								</th>
							</tr>
						</thead>

						<tbody>
							<tr>
								<td>xxx</td>

								<td>
									<b class="green">19</b>
								</td>

								<td class="hidden-phone">
									<span class="label label-info arrowed-right arrowed-in">on process</span>
								</td>
							</tr>

							<tr>
								<td>yyy</td>

								<td>
									<b class="green">16</b>
								</td>

								<td class="hidden-phone">
									<span class="label label-success arrowed-in arrowed-in-right">approved</span>
								</td>
							</tr>

							<tr>
								<td>zzz</td>

								<td>
									<b class="green">15</b>
								</td>

								<td class="hidden-phone">
									<span class="label label-important arrowed">pending</span>
								</td>
							</tr>

							<tr>
								<td>aaa</td>

								<td>
									<b class="green">14</b>
								</td>

								<td class="hidden-phone">
									<span class="label arrowed">
										<s>out of stock</s>
									</span>
								</td>
							</tr>

							<tr>
								<td>bbb</td>

								<td>
									<b class="green">12</b>
								</td>

								<td class="hidden-phone">
									<span class="label label-warning arrowed arrowed-right">cancel</span>
								</td>
							</tr>
						</tbody>
					</table>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div>

	<div class="span7">
		<div class="widget-box transparent">
			<div class="widget-header widget-header-flat">
				<h4 class="lighter">
					<i class="icon-signal"></i>
					xxx
				</h4>

				<div class="widget-toolbar">
					<a href="#" data-action="collapse">
						<i class="icon-chevron-up"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div id="sales-charts"></div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div>
</div>

<div class="hr hr32 hr-dotted"></div>

<div class="row-fluid">
	<div class="span6">
		<div class="widget-box transparent" id="recent-box">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-rss orange"></i>
					ล่าสุด
				</h4>

				<div class="widget-toolbar no-border">
					<ul class="nav nav-tabs" id="recent-tab">
						<li class="active">
							<a data-toggle="tab" href="#task-tab">งานขออนุมัติ</a>
						</li>

						<li>
							<a data-toggle="tab" href="#comment-tab">ข่าว</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div class="tab-content padding-8">
						<div id="task-tab" class="tab-pane active">
							<h4 class="smaller lighter green">
								<i class="icon-list"></i>
								Sortable Lists
							</h4>

							<ul id="tasks" class="item-list">
								<li class="item-orange">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Answering customer questions</span>
									</label>

									<div class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
										<span class="percent">42</span>%
									</div>
								</li>

								<li class="item-red">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Fixing bugs</span>
									</label>

									<div class="pull-right">
										<div class="btn-group">
											<button class="btn btn-mini btn-info">
												<i class="icon-edit bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-danger ">
												<i class="icon-trash bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-yellow">
												<i class="icon-flag bigger-125"></i>
											</button>
										</div>
									</div>
								</li>

								<li class="item-default">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new features</span>
									</label>

									<div class="inline pull-right position-relative">
										<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
											<i class="icon-angle-down icon-only bigger-120"></i>
										</button>

										<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-closer">
											<li>
												<a href="#" class="tooltip-success" data-rel="tooltip" title="Mark&nbsp;as&nbsp;done" data-placement="left">
													<span class="green">
														<i class="icon-ok"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
													<span class="red">
														<i class="icon-trash"></i>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</li>

								<li class="item-blue">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Upgrading scripts used in template</span>
									</label>
								</li>

								<li class="item-grey">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new skins</span>
									</label>
								</li>

								<li class="item-green">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Updating server software up</span>
									</label>
								</li>

								<li class="item-pink">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Cleaning up</span>
									</label>
								</li>
							</ul>
						</div>

						<div id="comment-tab" class="tab-pane">
							<div class="comments">
								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Bob Doe's Avatar" src="assets/avatars/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<div class="inline position-relative">
											<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
												<i class="icon-angle-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-placement="left">
														<span class="green">
															<i class="icon-ok"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-placement="left">
														<span class="orange">
															<i class="icon-remove"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left">
														<span class="red">
															<i class="icon-trash"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Jennifer's Avatar" src="assets/avatars/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jennifer</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="blue">15 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Joe's Avatar" src="assets/avatars/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="orange">22 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Rita's Avatar" src="assets/avatars/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Rita</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="red">50 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="hr hr8"></div>

							<div class="center">
								<i class="icon-comments-alt icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all comments &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->

	<div class="span6">
		<div class="widget-box ">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-comment blue"></i>
					การสนทนา
				</h4>
			</div>

			<div class="widget-body">
				<div class="widget-main no-padding">
					<div class="dialogs">
						<div class="itemdiv dialogdiv">
							<div class="user">
								<img alt="Alexa's Avatar" src="assets/avatars/avatar1.png" />
							</div>

							<div class="body">
								<div class="time">
									<i class="icon-time"></i>
									<span class="green">4 sec</span>
								</div>

								<div class="name">
									<a href="#">Alexa</a>
								</div>
								<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis.</div>

								<div class="tools">
									<a href="#" class="btn btn-minier btn-info">
										<i class="icon-only icon-share-alt"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="itemdiv dialogdiv">
							<div class="user">
								<img alt="John's Avatar" src="assets/avatars/avatar.png" />
							</div>

							<div class="body">
								<div class="time">
									<i class="icon-time"></i>
									<span class="blue">38 sec</span>
								</div>

								<div class="name">
									<a href="#">John</a>
								</div>
								<div class="text">Raw denim you probably haven&#39;t heard of them jean shorts Austin.</div>

								<div class="tools">
									<a href="#" class="btn btn-minier btn-info">
										<i class="icon-only icon-share-alt"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="itemdiv dialogdiv">
							<div class="user">
								<img alt="Bob's Avatar" src="assets/avatars/user.jpg" />
							</div>

							<div class="body">
								<div class="time">
									<i class="icon-time"></i>
									<span class="orange">2 min</span>
								</div>

								<div class="name">
									<a href="#">Bob</a>
									<span class="label label-info arrowed arrowed-in-right">admin</span>
								</div>
								<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis.</div>

								<div class="tools">
									<a href="#" class="btn btn-minier btn-info">
										<i class="icon-only icon-share-alt"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="itemdiv dialogdiv">
							<div class="user">
								<img alt="Jim's Avatar" src="assets/avatars/avatar4.png" />
							</div>

							<div class="body">
								<div class="time">
									<i class="icon-time"></i>
									<span class="grey">3 min</span>
								</div>

								<div class="name">
									<a href="#">Jim</a>
								</div>
								<div class="text">Raw denim you probably haven&#39;t heard of them jean shorts Austin.</div>

								<div class="tools">
									<a href="#" class="btn btn-minier btn-info">
										<i class="icon-only icon-share-alt"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="itemdiv dialogdiv">
							<div class="user">
								<img alt="Alexa's Avatar" src="assets/avatars/avatar1.png" />
							</div>

							<div class="body">
								<div class="time">
									<i class="icon-time"></i>
									<span class="green">4 min</span>
								</div>

								<div class="name">
									<a href="#">Alexa</a>
								</div>
								<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>

								<div class="tools">
									<a href="#" class="btn btn-minier btn-info">
										<i class="icon-only icon-share-alt"></i>
									</a>
								</div>
							</div>
						</div>
					</div>

					<form>
						<div class="form-actions input-append">
							<input placeholder="Type your message here ..." type="text" class="width-75" name="message" />
							<button class="btn btn-small btn-info no-radius" onclick="return false;">
								<i class="icon-share-alt"></i>
								<span class="hidden-phone">Send</span>
							</button>
						</div>
					</form>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
</div><!--/row-->

<!--PAGE CONTENT ENDS HERE-->
*@